$(document).ready(function(){
// $("p").on("click",function(){
// $(this).css("background-color","pink");
// });
// $("button").click(function(){
// $("p").off("click");
// });

// $("p").on("mouseover mouseout",function(){
// 	$("p").toggleClass('add_or_del');
// });

// $("p").on({
// 	mouseover:function(){
// 		$("body").css("background","red")
// 	},
// 	mouseout:function(){
// 		$("body").css("background","blue");
// 	},
// 	click:function(){$("body").css("background-color","yellow");}
	
// });

// $("button").click(function() {
// 		$("p").off();
// 	});

// $("p").one("click", function(){
//   alert( $(this).text() );
// });
// $("div").delegate("button","click",function(){
// 	$("p").slideToggle("hover");
// })
// $("p").blur(function(){
// 	alert("您已离开本区域");
// })

// $("p").blur( function(){ alert("Hello World!")} );
// $("p").dblclick( function () { alert("Hello World!"); });

// $("input[type=text]").focus(function(){
//   this.blur();
// });

// $("input").keyup(function(){
//   $("input").css("background-color","#D6D6FF");
// });

// $("button").mousedown(function(event) {
// 	$("p").slideToggle("slow");
// });

// $("p").mouseover(function(){
// 	$("p").css("background","blue")
// });

// $("button").mouseup(function(event) {
// 	$("p").slideToggle("hover");
// });

// $("window").resize(function(event) {
// 	alert("Stop it");
// })

// $(window).resize(function() {
//   $('span').text(x+=1);
// });

// $("p").hide();
// $("button").click(function(event) {
// 	$("p").slideUp(1000);
// });

// $("button").click(function(event) {
// 	$("p").slideUp(1000,function(){
// 		alert("您好，正在上滑")
// 	});
// });

// $("button").click(function(){
// 	$("p").slideToggle(1000,function(){
// 	alert("切换");
// })
// })


// $("button").click(function(event) {
// 	$("p").fadeToggle(1000);
// });	

// $("#go").click(function(){
//   $("#block").animate({ 
//     width: "30%",
//     height: "30%", 
//     fontSize: "10em", 
//     borderWidth: 10
//   }, 1000 );
// });

$("#right").click(function(){
  $(".block").animate({left: '+50px'}, "slow");
});

$("#left").click(function(){
  $(".block").animate({left: '-50px'}, "slow");
});



})
